<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>归档</title>
    <link rel="stylesheet" type="text/css" th:href="@{/stage/css/semantic.min.css}">
    <link rel="stylesheet" th:href="@{/stage/css/index.css}">
    <link rel="stylesheet" th:href="@{/stage/css/iconfont.css}"/>
    <script type="text/javascript" th:src="@{/stage/js/jquery-1.10.2.js}"></script>
    <link rel="icon" type="image/x-icon" th:href="@{${webconfig.websiteicon}}" />
</head>
<body>

<!--导航-->
<footer th:replace="fontdesk/head::footer-fragment-head"></footer>
<!--中间-->

<div class="m-container m-padded-tb-big">
    <div class="ui container">
        <!--header-->
        <div class="ui top attached padded segment">
            <div class="ui middle aligned two column grid">
                <div class="column">
                    <h3 class="ui teal header">归档</h3>
                </div>
                <div class="right aligned column">
                    共 <h3 class="ui orange header m-inline-block m-text-thin" th:text="${arcoun}">14</h3>篇博客
                </div>
            </div>
        </div>

        <th:block th:each="articlb:${blmap}">
            <h2 class="ui center aligned header" th:text="${articlb.key}">2018</h2>
            <div class="ui fluid vertical menu">
                <a th:href="@{'/blogarticle/'+${blog.id}}" target="_blank" th:each="blog:${articlb.value}" class="item">
                <span>
                    <i class="mini teal circle icon"></i><span th:text="${blog.articletitle}">关于刻意练习的清单</span>
                    <div class="ui teal basic left pointing label m-padded-mini " th:text="${#dates.format(blog.createtime, 'MM月dd')}">9月03</div>
                </span>
                    <div class="ui orange basic left pointing label m-padded-mini ">原创</div>
                </a>

            </div>
        </th:block>
    </div>
</div>






<!--底部-->
<!--底部-->
<footer  th:replace="fontdesk/foot::footer-fragment">

</footer>




<script>
    $(".m-mobile-show").click(function () {
        $(".m-item").toggleClass("m-mobile-hide");
    });
    $(function (){
        $("#alla a").eq(3).attr("class","active m-item item m-mobile-hide");
    })
</script>

</body>
</html>